<template>
  <div id="app">
    <img class="home" src="@/assets/images/home.png" alt="" @click="toHome" />
    <Header v-show="$route.meta.show" />
    <Home v-show="$route.path === '/'" />
    <router-view></router-view>
  </div>
</template>

<script>
import Choose from "./components/Choose";
import Header from "./components/Header";
import Home from "./components/Home";
export default {
  name: "App",
  components: {
    Choose,
    Header,
    Home,
  },
  methods: {
    toHome() {
      this.$router.push({ path: "/" });
    },
  },
};
</script>

<style lang="less" scoped>
#app {
  display: flex;
  flex-direction: column;
}
.home {
  width: 40px;
  margin: 0 auto;
  &:active {
    transform: scale(0.9);
  }
}
</style>
